﻿<nz-card [nzBordered]="false">
  <form nz-form [formGroup]="validateForm" *ngIf="active">
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="appId" >
          <span>
             公众号开发者APPID
            <i nz-icon nz-tooltip nzTitle="请输入公众号开发者APPID" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="appId" formControlName="appId" [(ngModel)]="weixinSetting.appId" >
          <nz-form-explain *ngIf="validateForm.get('appId').dirty && validateForm.get('appId').errors">请输入公众号开发者APPID!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="appSecret" >
          <span>
             公众号开发者密码
            <i nz-icon nz-tooltip nzTitle="请输入公众号开发者密码" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="appSecret" formControlName="appSecret" [(ngModel)]="weixinSetting.appSecret" >
          <nz-form-explain *ngIf="validateForm.get('appSecret').dirty && validateForm.get('appSecret').errors">请输入公众号开发者密码!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="appUrl" >
          <span>
             公众号服务器地址URL
            <i nz-icon nz-tooltip nzTitle="请输入公众号服务器地址URL" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="appUrl" formControlName="appUrl" [(ngModel)]="weixinSetting.appUrl" >
          <nz-form-explain *ngIf="validateForm.get('appUrl').dirty && validateForm.get('appUrl').errors">请输入公众号服务器地址URL!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="appToken" >
          <span>
             公众号令牌Token
            <i nz-icon nz-tooltip nzTitle="请输入公众号令牌Token" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="appToken" formControlName="appToken" [(ngModel)]="weixinSetting.appToken" >
          <nz-form-explain *ngIf="validateForm.get('appToken').dirty && validateForm.get('appToken').errors">请输入公众号令牌Token!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="appEncodingAESKey" >
          <span>
             公众号消息加解密密钥
            <i nz-icon nz-tooltip nzTitle="请输入公众号消息加解密密钥" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="appEncodingAESKey" formControlName="appEncodingAESKey" [(ngModel)]="weixinSetting.appEncodingAESKey" >
          <nz-form-explain *ngIf="validateForm.get('appEncodingAESKey').dirty && validateForm.get('appEncodingAESKey').errors">请输入公众号消息加解密密钥!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="miniProgramAppId" >
          <span>
             微信小程序AppId
            <i nz-icon nz-tooltip nzTitle="请输入微信小程序AppId" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="miniProgramAppId" formControlName="miniProgramAppId" [(ngModel)]="weixinSetting.miniProgramAppId" >
          <nz-form-explain *ngIf="validateForm.get('miniProgramAppId').dirty && validateForm.get('miniProgramAppId').errors">请输入微信小程序AppId!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="miniProgramSecret" >
          <span>
             微信小程序Secret
            <i nz-icon nz-tooltip nzTitle="请输入微信小程序Secret" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="miniProgramSecret" formControlName="miniProgramSecret" [(ngModel)]="weixinSetting.miniProgramSecret" >
          <nz-form-explain *ngIf="validateForm.get('miniProgramSecret').dirty && validateForm.get('miniProgramSecret').errors">请输入微信小程序Secret!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="merchantId" >
          <span>
             微信支付商户号
            <i nz-icon nz-tooltip nzTitle="请输入微信支付商户号" type="question-circle" theme="outline"></i>
          </span>
        </nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <input nz-input id="merchantId" formControlName="merchantId" [(ngModel)]="weixinSetting.merchantId" >
          <nz-form-explain *ngIf="validateForm.get('merchantId').dirty && validateForm.get('merchantId').errors">请输入微信支付商户号!</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item nz-row style="margin-bottom: 8px;">
        <nz-form-control [nzSpan]="14" [nzOffset]="6">
        <button nz-button type="submit" [nzType]="'primary'" (click)="handleSave()" [nzLoading]="isConfirmLoading">保存</button>
       </nz-form-control>
    </nz-form-item>
    </form>
</nz-card>

